function getGridPanel() {
	var win;
	
	var vstore = new Ext.data.JsonStore({
		autoDestroy : true,
		url : 'userList.action',
		storeId : 'myStore',
		// reader configs
		root : 'images',
		totalProperty : 'rowCount',
		idProperty : 'id',
		fields : ['id', 'username', 'password']
	});

	var grid = new Ext.grid.GridPanel({
		title : "基本信息管理",
		store : vstore,
		tbar : [{
			text : "新建",
			iconCls: 'add',
			handler : addUrl
		}, "-", {
			text : "修改",
			handler : modifyUrl
		}, "-", {
			text : "删除",
			handler : deleteUrl
		}],
		colModel : new Ext.grid.ColumnModel({
			defaults : {
				width : 120,
				sortable : true
			},
			columns : [new Ext.grid.RowNumberer(), {
				header : '用户名',
				width : 100,
				dataIndex : 'username'
			}, {
				header : '密码',
				width : 200,
				dataIndex : 'password'
			}]
		}),
		viewConfig : {
			forceFit : true
		},
		sm : new Ext.grid.RowSelectionModel({
			singleSelect : true
		}),
		width : 600,
		height : 300,
		frame : true,
		iconCls : 'icon-grid',
		bbar : new Ext.PagingToolbar({
			store : vstore, // grid and PagingToolbar using same store
			pageSize : 10
		})

	});
	vstore.load();
	
	var getRowIndex = new Ext.grid.RowSelectionModel({
	listeners:{
		rowselect:function(sm,row,rec){
			alert(row+1);
			vstore.indexOf(rec);
		}
	}
	})
	
	new Ext.Viewport({
		layout : "fit",
		items : grid
	});

	function addUser() {
		win = new Ext.Window({
			labelAlign : 'top',
			title : '基本信息',
			modal : true,
			width : 350,
			height : 200,
			layout:'fit'
		});
		var fpanel = new Ext.form.FormPanel({
			labelWidth : 75, // label settings here cascade unless overridden
			frame : true,
			title : '新建',
			bodyStyle : 'padding:5px 5px 0',
			width : 350,
			defaults : {
				width : 230
			},
			defaultType : 'textfield',

			items : [{
				fieldLabel : '用户名',
				name : 'username',
				allowBlank : false
			}, {
				fieldLabel : '密码',
				name : 'password'
			}],

			buttons : [{
				text : '保存',
				handler : insertUser
			}, {
				text : '重置',
				handler : resetWin
			}, {
				text : '取消',
				handler : closeWin
			}]
		})
		win.add(fpanel);
		win.show();
	}

	function modifyUser() {	
		win = new Ext.Window({
			labelAlign : 'top',
			title : '基本信息',
			modal : true,
			width : 350,
			height : 200,
			layout:'fit'
		});
		var fpanel = new Ext.form.FormPanel({
			labelWidth : 75, // label settings here cascade unless overridden
			frame : true,
			title : '修改',
			bodyStyle : 'padding:5px 5px 0',
			width : 350,
			defaults : {
				width : 230
			},
			defaultType : 'textfield',

			items : [{
					xtype : 'hidden',
					name : 'id'
				},{
				fieldLabel : '用户名',
				name : 'username',
				allowBlank : false
			}, {
				fieldLabel : '密码',
				name : 'password'
			}],

			buttons : [{
				text : '保存',
				handler : saveUser
			}, {
				text : '取消',
				handler : function() {
					win.close();
				}
			}]
		})
		var record = grid.getSelectionModel().getSelected();
		if(record==null||record==undefined){
			Ext.MessageBox.alert("提示", "请先选择一条记录！");
			return;
		}
		win.add(fpanel);
		win.show();
		win.getComponent(0).getForm().loadRecord(record);
	}

	function deleteUser() {
		var record = grid.getSelectionModel().getSelected();
		var id = record.get('id');
		Ext.Ajax.request({
			url : 'deleteUser.action',
			params : {
				kid : id
			},
			callback : function() {
				Ext.Msg.alert('Success', "已经删除");
				vstore.reload();
			}
		})
	}

	function goBack() {

	}

	function saveUser() {
		win.getComponent(0).getForm().submit({
			url : "updateUser.action",
			success: function(form, action) {
       			Ext.Msg.alert('Success', action.result.msg);
       			win.close();
       			vstore.reload();
   			 },
    		failure: function(form, action) {
                Ext.Msg.alert('Failure', action.result.msg);
                win.close();
       			vstore.reload();
      		 }
		})
	}
	
	function insertUser() {
		win.getComponent(0).getForm().submit({
			url : "insertUser.action",
			success: function(form, action) {
       			Ext.Msg.alert('Success', action.result.msg);
       			win.close();
       			vstore.reload();
   			 },
    		failure: function(form, action) {
                Ext.Msg.alert('Failure', action.result.msg);
                win.close();
       			vstore.reload();
      		 }
		})
	}
	
	 function closeWin() {
					win.close();
				}
				
	 function resetWin() {
		win.getComponent(0).getForm().reset();
	}
}
